<div class="layer" id="cal-layer">
	<h2 class="tit">请选择开始日期</h2>
	<div class="con cal">
		<table cellspacing="10">
			<tbody>
				<tr class="hd">
					<td colspan="4">
						<div class="m-select">
							<span><b>2012</b>年<i class="arrow"></i></span>
							<div class="cal-year-item hide">
								<span class="hover">2012</span>
								<span>2013</span>
								<span>2014</span>
								<span>2015</span>
								<span>2016</span>
								<span>2017</span>
							</div>
						</div>
						<div class="sel-year">
							<span class="prev">上一年</span>
							<span class="this">今年</span>
							<span class="next">下一年</span>
						</div>
					</td>
				</tr>
				<tr>
					<td>1月</td>
					<td>2月</td>
					<td>3月</td>
					<td>4月</td>
				</tr>
				<tr>
					<td>5月</td>
					<td>6月</td>
					<td>7月</td>
					<td>8月</td>
				</tr>
				<tr>
					<td>9月</td>
					<td>10月</td>
					<td>11月</td>
					<td>12月</td>
				</tr>
			</tbody>
		</table>
		<div class="center">
			<div class="btns">
				<button>没想好</button><button class="submit">提交</button><button class="minor">取消</button>
			</div>
		</div>
	</div>
	<i class="close">关闭</i>
</div>
<script src="/static/script/widget/cal.js"></script>
<script>
	$('#cal-layer button.submit').on('click', function(){
		var data = $('#cal-layer').data('value');
		alert(data.join('\n'));
		return false;
	});
</script>
